<include file="Public/common1" />
<block name="css">
    <link rel="stylesheet" type="text/css" href="__CSS__/order_center/index.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css">
</block>
<block name="content">
    <ul class="navs clearfix">
          <li class="active" style="border-left: 1px solid #ddd;"><span class="icon">1</span><a>第一步<br/>选择线路</a></li>
          <li><span class="icon">2</span><a >第二步<br/>行程预览</a></li>
          <li><span class="icon">3</span><a >第三步<br/>游客信息录入</a></li>
          <li><span class="icon">4</span><a >订单详情预览</a></li>
    </ul>



    <div class="warp clearfix">
        <section class="search-content">
            <!-- 左侧菜单 -->
            <aside id="aside" class="aside" >
                <ul>
                    <li>
                        <div id="showList" class="input-group col-xs-9">

                            <input type="text" id="destination" readonly class="form-control" placeholder="" aria-describedby="basic-addon2">
                            <span class="input-group-addon" style="background: none; border:none;"><span class="caret"></span></span>

                        </div>

                        <div id="dataList" class="data-list" >
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="输入目的地" id="inputDest" aria-describedby="basic-addon2">
                                <span class="input-group-addon" id="submitDest"></span>
                            </div>
                            <ul id="destResult">
                                <!-- <li>广州</li>
                                <li>深圳</li>
                                <li>上海</li>
                                <li>北京</li> -->
                            </ul>
                        </div>

                        <button class="btn btn-primary col-xs-3">查询</button>
                    </li>

                    <li class="checkli checked">全部</li>
                    <li class="check">
                        <div class="col-xs-8">省内游</div>
                        <div class="col-xs-1 icon-right text-right"><span class="icon-chevron-right"></span></div>
                        <div id="inProvice" class="panel clearfix">
                            <foreach name="city" item="v">
                                <dl class="sub-list ">
                                    <dt><a data-id="{$v.areaId}">{$v.areaName}</a></dt>
                                    <foreach name="v['son']" item="cit">
                                        <dd><a data-id="{$cit.areaId}" class="orange">{$cit.areaName}</a></dd>
                                    </foreach>
                                </dl>
                            </foreach>
                        </div>
                    </li>




                    <!-- <li class="check">
                        <div class="col-xs-8">国内游</div>
                        <div class="col-xs-1 icon-right text-right"><span class="icon-chevron-right"></span></div>
                        <div id="inCountry"  class="panel clearfix">
                            <foreach name="provice" item="v">
                                <dl class="sub-list ">
                                    <dt><a data-id="{$v.areaId}">{$v.areaName}</a></dt>

                                </dl>
                            </foreach>
                        </div>

                    </li> -->



                    <li class="check">
                        <div class="col-xs-8">出境游</div>
                        <div class="col-xs-1 icon-right text-right"><span class="icon-chevron-right"></span></div>
                        <div  id="inWorld" class="panel clearfix">
                            <foreach name="country" item="v">
                                <dl class="sub-list ">
                                    <dt><a data-id="{$v.areaId}">{$v.areaName}</a></dt>
                                </dl>
                            </foreach>
                        </div>
                    </li>



                </ul>
            </aside>

            <div id="content" class="content  row ">
                <div class="col-xs-12">
                    <label for="" class="col-xs-1 title re-top">出发城市</label>
                    <input id="city" value="" type="radio" name="city" checked />
                    <label for="city" class="col-xs-1 btn btn-default">全部</label>
                </div>

                <div class="col-xs-12">
                    <label for="" class="col-xs-1 title re-top">行程天数</label>

                    <input name="day" value="" type="radio" id="day0" checked/>
                    <label for="day0" class="col-xs-1 btn btn-default">全部</label>

                    <input name="day" value="1" type="radio" id="day1" />
                    <label for="day1" class="col-xs-1 btn btn-default">一日游</label>

                    <input name="day" value="2" type="radio" id="day2" />
                    <label for="day2" class="col-xs-1 btn btn-default">二日游</label>

                    <input name="day" value="3" type="radio" id="day3" />
                    <label for="day3" class="col-xs-1 btn btn-default">三日游</label>

                    <input name="day" value="4" type="radio" id="day4" />
                    <label for="day4" class="col-xs-1 btn btn-default">四日游</label>

                    <input name="day" value="5" type="radio" id="day5" />
                    <label for="day5" class="col-xs-1 btn btn-default">五日游</label>

                    <input name="day" value="6" type="radio" id="day6" />
                    <label for="day6" class="col-xs-1 btn btn-default">六日游</label>

                    <input name="day" value="7" type="radio" id="day7" />
                    <label for="day7" class="col-xs-1 btn btn-default">七日游</label>

                    <input name="day" value="8" type="radio" id="day8" />
                    <label for="day8" class="col-xs-1 btn btn-default">八日游</label>

                    <input name="day" value="9" type="radio" id="day9" />
                    <label for="day9" class="col-xs-1 btn btn-default">九日游</label>

                    <input name="day" value="10" type="radio" id="day10" />
                    <label for="day10" class="col-xs-1 btn btn-default">十日游</label>
                </div>

                <div class="col-xs-12">
                    <input name="day" value="11" type="radio" id="day11" />
                    <label for="day11" class="col-xs-2 btn btn-default">十日游以上</label>
                </div>

                <div class="col-xs-12">
                    <label for="" class="col-xs-1 title">线路价格</label>
                    <div class="col-xs-3"><input id="minPrice" type="number" class="form-control" name="min_price"/></div>
                    <div class="col-xs-1 mt-10 text-center">————</div>
                    <div class="col-xs-3"><input id="maxPrice" type="number" class="form-control" name="max_price"/></div>
                </div>

                <div class="col-xs-12">
                    <label for="" class="col-xs-1 title">出发地</label>
                    <div class="col-xs-3"><input id="setOut" type="text" class="form-control"  name="set_out"/></div>

                    <label for="" class="col-xs-1 title">目的地</label>
                    <div class="col-xs-3"><input id="arrive" type="text" class="form-control" name="set_off"/></div>
                </div>

                <div class="col-xs-12">
                    <label for="" class="col-xs-1 title">线路编号</label>
                    <div class="col-xs-3"><input id="line_sn" type="number" class="form-control" name="line_sn"/></div>

                    <label for="" class="col-xs-1 title">关键字</label>
                    <div class="col-xs-5"><input id="keyWord" type="text" class="form-control" name="key_word" placeholder="搜索线路名称" /></div>

                    <div class="col-xs-2"><button onclick="getLine()" class="btn btn-primary">查询</button></div>
                </div>
            </div>
        </section>
        <div class="clearfix"></div>

        <div class="col-xs-12 mt-15">
            <table class="table table-striped  table-bordered table-hover table-condensed ">
                <thead>
                    <tr>
                        <th>线路编号</th>
                        <th>线路名称</th>
                        <th>出发地</th>
                        <th>目的地</th>
                        <th>行程天数</th>
                        <!-- <th>门市价</th> -->
                        <!-- <th>同行价</th> -->
                        <th>销售价</th>
                        <!-- <th>销售人</th> -->
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="line">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <!-- <td></td> -->
                        <td><a href="/Reseller/OrderCenter/order/id/0" class="btn btn-primary">预订</a></td>
                    </tr>
                </tbody>
        </table>
        <ul id="pager" class="pagination" style="float: right;"></ul>
    </div>
    </div>
</block>
<block name="js">
<script type="text/javascript" src="__JS__/order_center/index.js"></script>
</block>
